import "./index.css";

function App() {
  return (
    <div className="wrap">
      <h4 className="name">杨越个人简历</h4>
      <div className="title">个人信息</div>
      <div className="content">
        <div className="item">性别：女</div>
        <div className="item">工作年限：7年</div>
        <div className="item">求职意向：前端开发</div>
        <div className="item">学历：本科</div>
      </div>
      <div className="title">基本技能</div>
      <div className="content">
        <div className="item">会用html+css+jquery进行页面开发</div>
        <div className="item">会用react+antd+ts+less进行开发</div>
        <div className="item">会用dumi搭建组件库在线文档</div>
        <div className="item">
          会用koa2+mysql搭建后台,进行简单的增删查改操作
        </div>
        <div className="item">会用docker+jenkins进行自动化部署</div>
      </div>
      <div className="title">工作经历</div>
      <div className="title">北京博睿宏远数据科技股份有限公司</div>
      <div className="content">
        <div className="item">工作时间：2018-06-26 ~ 至今</div>
        <div className="item">工作任务：</div>
        <div className="item">
          版本迭代：根据 ui
          提供的设计图，完成静态页面开发，和后端联调接口，完成数据的渲染。
        </div>
        <div className="item">
          维护组件库：根据业务需求，完成部分公共组件的开发
        </div>
      </div>
      <div className="title">湖北晟昌网络科技公司</div>
      <div className="content">
        <div className="item">工作时间：2017-11 ~ 2018-03</div>
        <div className="item">工作任务：根据原型图快速完成外包项目</div>
      </div>
      <div className="title">深圳宏嘉腾武汉分公司</div>
      <div className="content">
        <div className="item">工作时间：2016-08 ~ 2017-10</div>
        <div className="item">
          工作任务：根据 ui
          提供的设计图，完成静态页面开发，和后端联调接口，完成数据的渲染。
        </div>
      </div>
      <div className="title">项目经历</div>
      <div className="title">项目名称：博睿扩展库</div>
      <div className="content">
        <div className="item">
          <a href="https://www.npmjs.com/package/bonree-design-plus">项目地址：https://www.npmjs.com/package/bonree-design-plus</a>
        </div>
        <div className="item">项目简介：将项目开过程中的公用组件提取出来</div>
        <div className="item">
          技术栈：主要用 react+ts+antd+less+webpack 进行开发，管理 one
          项目里面的公用组件，各团队项目通过 npm 包引入,通过 dumi 生成在线文档
        </div>
        <div className="item">npm 包名:bonree-design-plus</div>
      </div>
      <div className="title">项目名称：one</div>
      <div className="content">
        <div className="item"><a href="https://one.bonree.com">项目地址：https://one.bonree.com</a></div>
        <div className="item">
          项目简介：一体化智能可观测平台。实现从前端到后端全链路自动标记和追踪和深度诊断自动关联调用链，识别性能奇点，实现问题深度诊断，并清晰地给出关键性结论，更加方便客户去做分析和判断。
        </div>
        <div className="item">
          技术栈：主要用 react+ts+antd+less
          完成项目，开始是4个团队共同开发，开始用 npm
          包引入其他团队代码，现在是用 webpack 5模块联邦
        </div>
      </div>
      <div className="title">项目名称：server</div>
      <div className="content">
        <div className="item"><a href="https://server.bonree.com">项目地址：https://server.bonree.com</a></div>
        <div className="item">
          项目简介：主要是应用性能监控。一个探针，自动发现、自动监控主机、容器、进程、服务。通过代码级调用跟踪技术，自动绘制服务拓扑，通过traceID和业务数据检索调用链，快速定位慢调用、慢方法、慢SQL和错误调用、方法异常。
        </div>
        <div className="item">
          技术栈：前期主要是用 jsp+jquery+css 完成项目，后面用
          react+antd+ts+less 进行了重构
        </div>
      </div>
      <div className="title">项目名称：易企招</div>
      <div className="content">
        <div className="item"><a href="https://ats.haitou.cc/user/login">项目地址：https://ats.haitou.cc/user/login</a></div>
        <div className="item">项目描述：可以发布、管理企业招聘信息</div>
        <div className="item">
          技术栈：主要用 react+less+ant-design-pro 完成项目
        </div>
      </div>
      <div className="title">项目名称：KER3</div>
      <div className="content">
        <div className="item">
          项目简介：控制输入输出设备，对设计进行配置管理
        </div>
        <div className="item">
          技术栈：前期主要是用 html+jquery+css 完成项目
        </div>
      </div>
      <div className="title">项目名称：商店管理</div>
      <div className="content">
        <div className="item"><a href="http://60.204.141.251:9001">项目地址：http://60.204.141.251:9001</a></div>
        <div className="item">
          项目简介：个人开发的小项目。店名管理系统，存储每个店铺的名称、地址、商品价格、电话
        </div>
        <div className="item">
          技术栈：主要用 react+ts+antd+less+koa2+mysql 进行简单开发
        </div>
      </div>
      <div className="title">教育经历</div>
      <div className="content">
        <div className="item">学校：湖北师范大学</div>
        <div className="item">学历：本科</div>
        <div className="item">专业：信息与计算科学</div>
      </div>
    </div>
  );
}

export default App;
